<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <title>抢红包-列表</title>

    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="yes" name="apple-mobile-web-app-capable">

    <link rel="stylesheet" href="/red/h5/base.css">

    <style>
      /*header*/
      .redPacketList_header_container{
      	background: url(http://weidogstest.oss-cn-beijing.aliyuncs.com/5b8513c0f0bae7a3ee69a1db87fc8800.png)no-repeat top center /100%;
      	padding-top: 1.92rem;
      	padding-bottom: 0.56rem;
      }
      .redPacketList_header_content{

      }
      .redPacketList_headerInfo_container{
      	display: flex;
      	align-items: center;
      	justify-content: center;
      }
      .redPacketList_headerInfo_container img{
      	width: 0.44rem;
      	height:0.44rem;
      	margin-right: 0.1rem;
      	border-radius: 3px;
      }
      .redPacketList_headerInfo_container h3{
      	font-size: 0.33rem;
      	color: #000;
      }
      .redPacketList_header_content h4{
      	font-size: 0.24rem;
      	color: #b4b4b4;
      	margin-top: 0.27rem;
      	font-weight: 400;
      	text-align: center;
      }
      .redPacketList_header_content h2{
      	color: #bea475;
      	font-size: 0.81rem;
      	margin-top: 0.5rem;
      	text-align: center;
      }
      .redPacketList_header_content h2 small{
      	color: #bea475;
      	font-size: 0.25rem;
      }
      .redPacketList_header_content p{
      	color: #bea475;
      	font-size: 0.25rem;
      	margin-top: 0.35rem;
      	text-align: center;
      }
      /*main*/
      .redPacketList_main_container{

      }
      .redPacketList_mainTitle_container{
      	padding: 0.23rem 0.27rem;
      	border-bottom: 1px solid #f0f0f0;
      }
      .redPacketList_mainTitle_container p{
      	color: #aaaaaa;
      	font-size: 0.25rem;
      }
      .redPacketList_mainList_container{

      }
      .redPacketList_mainList_content{
      	padding:0.26rem 0.3rem 0.26rem 0.3rem;
      	display: flex;
      	align-items: center;
      	border-bottom: 1px solid #f0f0f0;
      }
      .redPacketList_mainList_content img{
      	width: 0.76rem;
      	height:0.76rem;
      	margin-right: 0.23rem;
      	border-radius: 4px;
      }
      .redPacketList_mainListInfo_container{
      	flex: 1;
      	display: flex;
      	align-items: center;
      	justify-content: space-between;
      	height: 0.76rem;
      }
      .redPacketList_mainListInfoLeft_container{
      	flex: 1;
      	height: 0.76rem;
      	display: flex;
      	flex-direction: column;
      	justify-content: space-between;
      }
      .redPacketList_mainListInfoLeft_container p{
      	color: #000;
      	font-size: 0.28rem;
      }
      .redPacketList_mainListInfoLeft_container span{
      	color: #a1a1a1;
      	font-size: 0.28rem;
      }
      .redPacketList_mainListInfoRight_container{
      	height: 0.76rem;
      	display: flex;
      	flex-direction: column;
      	justify-content: space-between;
      }
      .redPacketList_mainListInfoRight_container p{
      	color: #a1a1a1;
      	font-size: 0.26rem;
      }
      .redPacketList_mainListInfoRight_container span{
      	color: #f3b345;
      	font-size: 0.28rem;
      }
      .blank_container{
      	height: 0.12rem;
      	background: #f2f2f2;
      	border-top: 1px solid #eaeaea;
      	border-bottom: 1px solid #e5e5e5;
      }
    </style>

  </head>
  <body>
    <div class="redPacketList_header_container">
    	<div class="redPacketList_header_content">
    		<div class="redPacketList_headerInfo_container">
    			<img src="{$user->avatar}">
    			<h3>{$user->name}的红包</h3>
    		</div>
    		<h4>恭喜发财，大吉大利</h4>
        {if $list->id}
    		<h2>{$list->price}<small>元</small></h2>
    		<p>已存入零钱，可直接转账</p>
        {/if}
    	</div>
    </div>
    <div class="blank_container">
    	
    </div>
    <!-- main -->
    <div class="redPacketList_main_container">
    	<div class="redPacketList_mainTitle_container">
    		<p>领取{$count} / {$send->number}个</p>
    	</div>
    	<div class="redPacketList_mainList_container">

        {loop $data as $value}
    		<div class="redPacketList_mainList_content">
          {if $value->user->avatar}
    			<img src="{$value->user->avatar}">
          {else}
          <img src="{$url}">
          {/if}
    			<div class="redPacketList_mainListInfo_container">
    				<div class="redPacketList_mainListInfoLeft_container">
    					<p>{if $value->user->name}{$value->user->name}{else}非企业客户{/if}</p>
    					<span><?php echo date('Y-m-d H:i:s',$value->ctime)?></span>
    				</div>
    				<div class="redPacketList_mainListInfoRight_container">
    					<p>{$value->price}元</p>
    					<span>{if $value->price == $max}手气最佳{/if}</span>
    				</div>
    			</div>
    		</div>
        {/loop}
    	</div>
    </div>

 
  </body>
</html>
